.article-list{
	margin-top: 32rpx;
	.article-list-title{
		height: 88rpx;
		font-family:$global-font-family;
		font-weight:900;
		color:#333333;
		font-size:32rpx;
		line-height: 88rpx;
	}
	.article-list-wrapper{
		.article-item{
			width:686rpx;
			height:180rpx;
			background-color:#ffffff;
			border-radius:24rpx;
			margin-bottom: 24rpx;
			padding: 24rpx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.article-info-container{
				width:386rpx;
				height:100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.article-title{
					height: 80rpx;
					width: 100%;
					overflow : hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					word-wrap: break-word;
					font-family:$global-font-family;
					font-weight:700;
					color:#333333;
					font-size:28rpx;
				}
				.article-secondary{
					height: 28rpx;
					width: 100%;
					display: flex;
					line-height: 28rpx;
					.read-count{
						flex: 2;
						text-align: left;
						font-family:$global-font-family;
						color:#afafaf;
						font-size:20rpx;
						display: flex;
						align-items: center;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						// transform: scale(.83);
						.icon-read-count{
							margin-right: 4rpx;
						}
					}
					.created-date{
						flex: 3;
						text-align: right;
						font-family:$global-font-family;
						color:#afafaf;
						font-size:20rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						// transform: scale(.83);
					}
				}
			}
			.article-cover-container{
				width:228rpx;
				height:100%;
				border-radius:24rpx;
				overflow: hidden;
			}
		}
	}
}